module.exports = {
	chartsData: {
		// 环形饼图
		PieA: {
			type: 'pie',
			series: [{
				radius: ['42%', '70%'],
				emphasis: {
					label: {
						show: false
					}
				},
				label: {
					show: true,
					formatter: '{d}%',
					position: 'outer',
					alignTo: 'edge'
				},
				labelLine: {
					show: true
				},
				center: ['60%', '50%'],
				data: []
			}]
		},
		/* 单条柱状图 */
		BarA: {
			type: 'bar',
			categories: [],
			series: [{
				type: 'bar',
				name: '',
				label: {
					show: false
				},
				barWidth: '50%',
				data: []
			}]
		},
		LineA: {
			type: 'line',
			series: [{
					type: 'line',
					smooth: true,
					showSymbol: true,
					label: {
						show: false
					},
					data: [],

				},
				{
					type: 'line',
					smooth: true,
					showSymbol: true,
					label: {
						show: false
					},
					data: [],

				},
				{
					type: 'line',
					smooth: true,
					showSymbol: true,
					label: {
						show: false
					},
					data: [],
				
				},
				{
					type: 'line',
					smooth: true,
					showSymbol: true,
					label: {
						show: false
					},
					data: [],
				
				},
				{
					type: 'line',
					smooth: true,
					showSymbol: true,
					label: {
						show: false
					},
					data: [],
				
				}
			]
		},
		// 混合图
		mix: {
			series: [{
					name: "总面积（亩）",
					data: [],
					type: "bar"
				},
				{
					name: "完成面积（亩）",
					data: [],
					type: "bar",
					barGap:"0"
				},
				{
					name: "完成率（%）",
					data: [],
					yAxisIndex: 1,
					type: "line",
					color: "#FB9811"
				}
			]
		}
	},
	options: {
		//图例在左侧 自定义tooltip
		ringOpts: {
			legend: {
				top: '20%',
				left: '10',
				icon: 'circle',
				orient: 'vertical',
				itemStyle: {},
				textStyle: {
					fontSize: 10
				}
			}
		},
		/* 单条柱状图 */
		barOpts: {
			tooltip: {
				trigger: 'axis',
				axisPointer: {
					type: 'shadow'
				}
			},
			legend: {
				top: '3%',
				right: '10',
				itemStyle: {},
				textStyle: {
					fontSize: 10
				},
				formatter: '{name}(元)'
			},
			grid: {
				left: '3%',
				right: '2%',
				bottom: '5%',
				top: '20%',
				containLabel: true
			},
			xAxis: [{
				type: 'category',
				axisTick: {
					show: false,
					alignWithLabel: true
				},
				axisLabel: {
					fontSize: 10,
					color: '#666666'
				},
				axisLine: {
					lineStyle: {
						color: '#E5E5E5'
					}
				},
				data: []
			}],
			yAxis: [{
				axisLabel: {
					fontSize: 10,
				},
				axisLine: {
					show: false
				},
				axisTick: {
					show: false,
				},
				splitLine: {
					show: true,
					lineStyle: {
						color: '#E5E5E5',
						type: 'dashed',
						opacity: 0.9
					}
				}
			}],
		},
		/* 单条柱状图 end */
		// 多Y轴
		manyLineOpts:{
			tooltip: {
				trigger: 'axis',
				axisPointer: {}
			},
			legend: {
				top: '2%',
				right: '10',
				itemStyle: {},
				textStyle: {
					fontSize: 10
				}
			},
			grid: {
				left: '5%',
				right: '2%',
				bottom: '5%',
				top: '23%',
				containLabel: true
			},
			xAxis: [{
				type: 'category',
				axisTick: {
					show: false,
					alignWithLabel: true
				},
				axisLabel: {
					fontSize: 10,
					color: '#666666'
				},
				axisLine: {
					lineStyle: {
						color: '#E5E5E5'
					}
				},
				data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun']
			}],
			yAxis: [
				{
					type: "value",
					name:'',
					axisLabel: {
						fontSize: 10,
					},
					axisLine: {
						show: false
					},
					axisTick: {
						show: false,
					},
					splitLine: {
						show: true,
						lineStyle: {
							color: '#E5E5E5',
							type: 'dashed',
							opacity: 0.9
						}
					}
				},
				{
					type: "value",
					position:'left',
					offset: 30,
					name:'',
					axisLabel: {
						fontSize: 10,
					},
					axisLine: {
						show: false
					},
					axisTick: {
						show: false,
					},
					splitLine: {
						show: true,
						lineStyle: {
							color: '#E5E5E5',
							type: 'dashed',
							opacity: 0.9
						}
					}
				},
				{
					type: "value",
					position:'right',
					name:'',
					axisLabel: {
						fontSize: 10,
					},
					axisLine: {
						show: false
					},
					axisTick: {
						show: false,
					},
					splitLine: {
						show: true,
						lineStyle: {
							color: '#E5E5E5',
							type: 'dashed',
							opacity: 0.9
						}
					}
				}
			]
		},
		/* 折线图 end */
		lineOpts: {
			tooltip: {
				trigger: 'axis',
				axisPointer: {}
			},
			legend: {
				top: '3%',
				right: '10',
				itemStyle: {},
				textStyle: {
					fontSize: 10
				}
			},
			grid: {
				left: '3%',
				right: '2%',
				bottom: '5%',
				top: '20%',
				containLabel: true
			},
			xAxis: [{
				type: 'category',
				axisTick: {
					show: false,
					alignWithLabel: true
				},
				axisLabel: {
					fontSize: 10,
					color: '#666666'
				},
				axisLine: {
					lineStyle: {
						color: '#E5E5E5'
					}
				},
				data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun']
			}],
			yAxis: [
				{
					type: "value",
					name:'',
					axisLabel: {
						fontSize: 10,
					},
					axisLine: {
						show: false
					},
					axisTick: {
						show: false,
					},
					splitLine: {
						show: true,
						lineStyle: {
							color: '#E5E5E5',
							type: 'dashed',
							opacity: 0.9
						}
					}
				}
			]
		},
		mixOpts: {
			color: ['#4F7AFC', '#02C6BA', '#FB9811'],
			tooltip: {
				trigger: 'axis',
				axisPointer: {
					type: 'cross'
				},
				extraCssText:'z-index:99'
			},
			legend: {
				data: ['总面积（亩）', '完成面积（亩）', '完成率（%）']
			},
			xAxis: [{
				type: 'category',
				axisTick: {
					alignWithLabel: true
				},
				axisLine: {
					show: true
				},
				axisLabel : {//坐标轴刻度标签的相关设置。
					interval:0,
					rotate:"45",
					fontSize:"9"
				},
				data: []
			}],
			yAxis: [{
					type: 'value',
					name: '面积',
					position: 'left',
					axisLine: {
						show: false
					},
					axisLabel: {
						formatter: '{value}'
					},
					splitLine:{
						lineStyle: {
							type: "dashed",
							color: "#e5e5e5"
						  }
					},
					axisTick:{
						show:false
					  }
				},
				{
					type: 'value',
					name: '完成率',
					position: 'right',
					axisLine: {
						show: false
					},
					splitLine:{
						lineStyle: {
							type: "dashed",
							color: "#e5e5e5"
						  }
					},
					axisLabel: {
						formatter: '{value}'
					},
					axisTick:{
					        show:false
					      }
				}
			]
		}
	}

}
